<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp" %>
<script>
    var menuGrid;
    var menuAction;
    $(function() {
                menuAction = {
                    add : function () {
                        parent.$.modalDialog({
                            title : '添加',
                            width : 500,
                            height : 500,
                            href : '${path }/menures/addPage',
                            buttons : [ {
                                text : '添加',
                                handler : function() {

                                    parent.$.modalDialog.openner_dataGrid = menuGrid;//因为添加成功之后，需要刷新这个dataGrid，所以先预定义好
                                    var f = parent.$.modalDialog.handler.find('#menuAddForm');
                                    f.submit();

                                }
                            } ]
                        });
                    },

                    edit : function () {
                        var rows = $('#box').datagrid('getSelections');
                        if (rows.length == 1) {
                            var index = $('#box').datagrid('getRowIndex', rows[0]);
                            parent.$.modalDialog({
                                title : '更新',
                                width : 500,
                                height : 400,
                                href : '${path }/menures/editPage?id='+ rows[0].id,
                                buttons : [ {
                                    text : '更新',
                                    handler : function() {
                                        parent.$.modalDialog.openner_dataGrid = menuGrid;//因为添加成功之后，需要刷新这个dataGrid，所以先预定义好
                                        var f = parent.$.modalDialog.handler.find('#menuEditForm');
                                        f.submit();
                                    }
                                } ]
                            });

                        } else {
                            $.messager.alert('警告', '修改必须或只能选择一行！', 'warning');
                        }
                    },
                    remove : function () {
                        var rows = $('#box').datagrid('getSelections');
                        if (rows.length > 0) {
                            $.messager.confirm('确定操作', '您正在要删除所选的记录吗？', function (flag) {
                                if (flag) {
                                    var ids = [];
                                    for (var i = 0; i < rows.length; i ++) {
                                        ids.push(rows[i].id);
                                    }
                                    //console.log(ids.join(','));
                                    $.ajax({
                                        type : 'POST',
                                        url : '/menures/deleteUser',
                                        data : {
                                            ids : ids.join(','),
                                        },
                                        beforeSend : function () {
                                            $('#box').datagrid('loading');
                                        },
                                        success : function (data) {
                                            if (data) {
                                                $('#box').datagrid('loaded');
                                                $('#box').datagrid('load');
                                                $('#box').datagrid('unselectAll');
                                                $.messager.show({
                                                    title : '提示',
                                                    msg : data + '个用户被删除成功！',
                                                });
                                            }
                                        },
                                    });
                                }
                            });
                        } else {
                            $.messager.alert('提示', '请选择要删除的记录！', 'info');
                        }
                    },

                }
            }

    );
    menuGrid= $('#box').treegrid({
        url : '${path }/menures/menuList',
        idField : 'id',
        treeField : 'name',
        parentField : 'menurespid',
        frozenColumns : [ [ {
            title : 'id',
            field : 'id',
            width : 40,
            hidden : true
        } ] ],
        columns : [[
            {
                field : 'name',
                title : '菜单名',
                sortable : true,
                width :  '20%',

            },
            {
                field : 'menupos',
                title : '姓名 ',
                sortable : true,
                width :  '20%',
                formatter : function(value, row, index) {
                    switch (value) {
                        case 0:
                            return '顶部菜单 ';
                        case 1:
                            return '系统菜单';
                        case 2:
                            return '左边菜单';
                        case 3:
                            return '操作菜单';
                    }
                }

            },{
                field : 'href',
                title : '菜单链接',
                sortable : true,
                width :  '20%',

            },
            {
                field : 'icon',
                title : '菜单图标',
                sortable : true,
                width :  '10%',

            },
            {
                field : 'ordernum',
                title : '排序码',
                sortable : true,
                width :  '10%',

            },
            {
                field : 'psn',
                title : '分类管理码',
                sortable : true,
                width :  '10%',

            },
            {
                field : 'postbit',
                title : '权限位',
                sortable : true,
                width :  '10%',

            },


        ]],
        toolbar : '#userToolbar',
        pagination : true,
        pageSize : 10,
        pageList : [10, 20, 30],
        pageNumber : 1,
        onLoadSuccess:function()
        {
            $("#box").treegrid("collapseAll");
        }

    });


</script>

<div class="easyui-layout" data-options="fit:true,border:false">
  <div id="box"></div>

</div>
<div id="userToolbar" style="display: none;">
    <shiro:hasPermission name="+user+1">
        <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="menuAction.add();">添加</a>
    </shiro:hasPermission>
    <shiro:hasPermission name="+user+2">
        <a href="#" id="edit" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="menuAction.edit();">修改</a>
    </shiro:hasPermission>
    <shiro:hasPermission name="+user+4">
        <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="menuAction.remove();">删除</a>
    </shiro:hasPermission>


</div>